// pages/goods_list/index.js
import {
    request
} from "../../request/index"
// 用户上划页面 滚动条触底用户加载
// 1找到滚动条触底事件   微信小程序官方去寻找
// 判断有没有下一页数据
// 假如没下一页数据弹出提示框
// 假如说还有下一页正常加载
Page({
    // 接口要的参数
    QueryParams: {
        query: "",
        cid: "",
        pagenum: 1,
        pagesize: 10,
    },
    /**
     * 页面的初始数据
     */
    data: {

        tabs: [{
                id: 0,
                value: "综合",
                isActive: true
            },
            {
                id: 1,
                value: "销量",
                isActive: false
            },
            {
                id: 2,
                value: "价格",
                isActive: false
            },
        ],
        goodsList: [],
        totalPages:1,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    // 生命周期函数--监听加载函数
         
    onLoad: function (options) {

        //    console.log((options))
        this.QueryParams.cid = options.cid
        this.getGoodsList()
        // wx.showLoading({
        //     title: '加载中',
        //   })
          
        //   setTimeout(function () {
        //     wx.hideLoading()
        //   }, 5000)
          
    },

    async getGoodsList() {
        const res = await request({
            url: "/goods/search",
            data: this.QueryParams
        });
        // 获取总条数
        
        const total = res.data.message.total
        // console.log(cat)
        //  计算总页数 
        this.totalPages=Math.ceil( total /this.QueryParams.pagesize)
          console.log( this.totalPages)
        let fit = res.data.message.goods
        // console.log(res)
        this.setData({
            // 拼接了的数组
            goodsList: [...this.data.goodsList,...fit]
        })
        // 关闭下拉刷新
        wx.stopPullDownRefresh({
       
        })
    },
    //  标题点击事件 从子组件传递
    handleTabsItemChange(e) {
        // console.log(e)
        //  1.获取被点击的标题索引值
        const {
            index
        } = e.detail;
        //  2.修改原数组
        let {
            tabs
        } = this.data
        tabs.forEach((v, i) => i === index ? v.isActive == true : v.isActive = false);
        this.setData({
            tabs
        })
    },
    //   页面上滑滚动条触底事件
    onReachBottom(){
        console.log('页面触底')
        if(this.QueryParams.pagenum>=this.totalPages){
            console.log('没有下一页')
            wx:wx.showToast({
              title: '没有下一页数据了',
           
            })
        }else{
            // 有下一页
            // 那当前页码++
            // 重新发送请求
            // 数据请求回来要对数组进行拼接 而不是全部替换 ！！！
            console.log('有下一页')
            this.QueryParams.pagenum++
            this.getGoodsList()
        }
    },
    // 下拉刷新事件
    onPullDownRefresh(){
        // 1重置数组
        this.setData({
        //   goodsList=[]
        goodsList:[]

        })
        // 2 重置页码
        this.QueryParams.pagenum=1
        console.log("刷新")
        //   3重新发送请求
       this.getGoodsList()
    //    数据刷新回来需要手动关闭刷新效果
    }
    





})